<form #searchForm="ngForm">
  <div class="ui-g form-group">
      <div *ngFor="let col of columns" class="ui-g-12 {{col.class}}">
        <div class="ui-g" *ngFor="let labelValue of col.columns">
          <div class="ui-g-12 {{col.labelClass}}">
            <label>{{labelValue.label}}</label>
          </div>
          <div class="ui-g-12 {{col.valueClass}}">
            <!--[(ngModel)]="params[labelValue.field]"-->
            <input *ngIf="labelValue.input=='text'" pInputText (keyup.enter)="btnClick('search')"
                   [id]="labelValue.field" [name]="labelValue.field" [(ngModel)]="params[labelValue.field]" />

            <p-dropdown *ngIf="labelValue.input=='select' && dictionaries && dictionaries[labelValue.field]" [options]="dictionaries[labelValue.field]"
                        [id]="labelValue.field" [name]="labelValue.field" [(ngModel)]="params[labelValue.field]"
                        [placeholder]="ddConfig.placeholder" [style]="ddConfig.style"
            ></p-dropdown>

            <p-dropdown *ngIf="labelValue.input=='select' && labelValue.isYesNo" [options]="yesNoArr"
                        [id]="labelValue.field" [name]="labelValue.field" [(ngModel)]="params[labelValue.field]"
                        [placeholder]="ddConfig.placeholder" [style]="ddConfig.style"
            ></p-dropdown>
            <p-checkbox *ngIf="labelValue.input=='checkbox'"
                        [id]="labelValue.field" [name]="labelValue.field" [(ngModel)]="params[labelValue.field] "
                        [label]="labelValue.label"></p-checkbox>

            <div *ngIf="labelValue.input=='checkbox-list'" class="ui-g">
              <div *ngFor="let cb of cars" class="ui-g-12 ui-md-3" style="padding-left: 0;">
                <p-checkbox [(ngModel)]="checked" binary="true" [label]="cb.label" [value]="cb.value"></p-checkbox>
              </div>
            </div>
            <div *ngIf="labelValue.input=='radio'" class="ui-g">
              <p-radioButton name="groupname" value="val1" [(ngModel)]="checked" label="2342342"></p-radioButton>
            </div>
            <div *ngIf="labelValue.input=='radio-list'" class="ui-g">
              <div *ngFor="let cb of cars" class="ui-g-12 ui-md-3" style="padding-left: 0;">
                <p-radioButton [(ngModel)]="checked" binary="true" [label]="cb.label" [value]="cb.value"></p-radioButton>
              </div>
            </div>
          </div>
        </div>
        <div class="ui-g" *ngIf="col.hasButton">
          <div class="ui-g-12 text-right">
            <p-button (onClick)="btnClick('search')" label="查询" icon="fa fa-search" class="green-btn"></p-button>
            <p-button (onClick)="btnClick('refresh')" label="刷新" icon="fa fa-refresh" class="green-btn"></p-button>
            <p-button (onClick)="btnClick('clear')" label="清空" icon="fa fa-search" class="green-btn"></p-button>
            <!--<div class="ui-g-12 ui-md-3">-->
            <!--<button pButton (onClick)="btnClick()" label="查询" icon="fa fa-search" class="green-btn"></button>-->
            <!--</div>-->
            <!--<div class="ui-g-12 ui-md-3">-->
            <!--<button pButton (onClick)="btnClick()" label="刷新" icon="fa fa-refresh" class="green-btn"></button>-->
            <!--</div>-->
            <!--<div class="ui-g-12 ui-md-3">-->
            <!--<button pButton (onClick)="btnClick()" label="清空" icon="fa fa-search" class="green-btn"></button>-->
            <!--</div>-->
          </div>
        </div>
      </div>
  </div>
</form>
